<template>
  <el-row class="tac">
    <el-col>
      <SearchInput></SearchInput>

      <el-menu default-active="1-1" class="" @open="handleOpen" @close="handleClose">
        <el-sub-menu index="1">
          <template #title>
            <el-icon><location /></el-icon>
            <span>转换类</span>
          </template>
          <el-menu-item index="1-1" route="/binary">
            <router-link to="/binary">进制转换</router-link>
          </el-menu-item>
          <el-menu-item index="1-2" route="/date">
            <router-link to="/date">日期格式转换</router-link>
          </el-menu-item>
        </el-sub-menu>
        <el-sub-menu index="2">
          <template #title>
            <el-icon><location /></el-icon>
            <span>编码/解码类</span>
          </template>
          <el-menu-item index="2-1">HTML</el-menu-item>
          <el-menu-item index="2-2">URL</el-menu-item>
          <el-menu-item index="2-3">Base64</el-menu-item>
          <el-menu-item index="2-4">MD5</el-menu-item>
          <el-menu-item index="2-5">SHA</el-menu-item>
          <el-menu-item index="2-6">Unicode</el-menu-item>
          <el-menu-item index="2-7">JWT</el-menu-item>
        </el-sub-menu>
        <el-sub-menu index="3">
          <template #title>
            <el-icon><location /></el-icon>
            <span>加密类</span>
          </template>
          <el-menu-item index="3-1">AES</el-menu-item>
          <el-menu-item index="3-2">RSA</el-menu-item>
          <el-menu-item index="3-3">DES</el-menu-item>
          <el-menu-item index="3-4">3DES</el-menu-item>
          <el-menu-item index="3-5">HMAC</el-menu-item>
          <el-menu-item index="3-6">SMS</el-menu-item>
          <el-menu-item index="3-7">Hash</el-menu-item>
        </el-sub-menu>
      </el-menu>
    </el-col>
  </el-row>
</template>

<script lang="ts" setup>
import { Location } from '@element-plus/icons-vue';
import SearchInput from './Search-Input.vue';
const handleOpen = () => {
  console.log('open');
};
const handleClose = () => {
  console.log('close');
};
</script>
